<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>
  
  <title>合同信息</title>
</head>
<body class="<%= htmlWebpackPlugin.options.data.tplConfig.bodyClass || '' %>">
  <%- include src/pages/common/header.html -%>

  <div class="content order-detail">
    <div class="main-container">

      <div class="contract-board">
        <div class="contract__manager">
          <h6 class="title">客户经理</h6>
          <p class="desc">
            <i class="icon icon--manager"></i>
          </p>
          <p class="desc">
            <i class="icon icon--telephone"></i>
          </p>
        </div>
        <div class="contract__status contract__status--failure">
          <div class="status__head">贷款订单状态</div>
          <div class="status__img">
            <!-- <img src="<%= require('images/signing.png') %>" alt="待签署"> -->
            <!-- <img src="<%= require('images/resign.png') %>" alt="重新签署"> -->
            <!-- <img src="<%= require('images/lending.png') %>" alt="待放款"> -->
            <!-- <img src="<%= require('images/refunding.png') %>" alt="还款中"> -->
            <!-- <img src="<%= require('images/closeout.png') %>" alt="已结清"> -->
            <img src="<%= require('images/inactive.png') %>" alt="申请失败">
          </div>
          <div class="status__desc">申请失败</div>
        </div>
        <div class="contract__info">
          <ul class="info__list">
            <li>
              <label class="info__label">申请编号：</label>
              <p class="info__content">OL1239201212030045</p>
            </li>
            <li>
              <label class="info__label">申请提交时间：</label>
              <p class="info__content">2018-05-31 16:49</p>
            </li>
            <li>
              <label class="info__label">借款合同：</label>
              <!-- <p class="info__content"><a href class="badge">下载合同</a></p> -->
              <p class="info__content"><a href class="badge disabled">下载合同</a></p>
            </li>
            <li>
              <label class="info__label">借款合同编号：</label>
              <p class="info__content">无</p>
            </li>
            <li>
              <label class="info__label">签署时间：</label>
              <p class="info__content">无</p>
            </li>
          </ul>
        </div>
      </div>

      <ul class="flatabs">
        <li class="flatab"><a href="/build/pages/order/basicinfo.html">基本信息</a></li>
        <li class="flatab active"><a href="javascript: void(0)">产品及利率</a></li>
      </ul>

      <div class="tab-content">
        <div class="mb-30">
          <div class="linehead"><h3>产品类型：<span class="text-primary">接力贷</span></h3></div>
          <div class="product-visualizer failure">
            <div class="visualizer__spec">
              <p class="spec__hd">批准金额</p>
              <div class="spec__bd">
                <div class="layered-coins">
                  <div class="layered-coins__inner"></div>
                  <p class="layered-coins__amount">103840,000.00元</p>
                </div>
              </div>
            </div>
            <div class="visualizer__spec failure">
              <p class="spec__hd">批准期限</p>
              <div class="spec__bd">
                <div class="period">
                  90天
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>
</body>
</html>